<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" class="hb-loaded">
	<head>
		 <title>个人中心 - 修改密码</title>
        <meta charset="utf-8"/>
        <link href="css/same.css?v=1.3.7.2" type="text/css" rel="stylesheet"/>
          <link href="css/same.css?v=1.3.7.2" type="text/css" rel="stylesheet">
          <link href="css/member.css?v=1.3.6.0" type="text/css" rel="stylesheet">
          <script src="js/jquery.js" type="text/javascript"></script> 
					<script src="js/index.js?virsion=1.3.7.2" type="text/javascript"></script>
    			<script src="js/member.js" type="text/javascript"></script>
    <script>
        $(function () {
            $("#ctl00_content_pwd1").keypress(function () {
                var pwd1 = $("#ctl00_content_pwd1").val();
                if (pwd1.length >= 5 && pwd1.length < 9) {
                    $("#rou").addClass('mb_red-color');
                    $("#zhong").removeClass('mb_red-color');
                    $("#strong").removeClass('mb_red-color');
                }
                if (pwd1.length >= 9 && pwd1.length < 12) {
                    $("#rou").addClass('mb_red-color');
                    $("#zhong").addClass('mb_red-color');
                    $("#strong").removeClass('mb_red-color');

                }
                if (pwd1.length >= 12 && pwd1.length < 20) {
                    $("#rou").addClass('mb_red-color');
                    $("#zhong").addClass('mb_red-color');
                    $("#strong").addClass('mb_red-color');
                }
                
            });

            $("#ctl00_content_pwd1").blur(function () {
                var pwd1 = $("#ctl00_content_pwd1").val();
                if (pwd1.length < 5 || pwd1.length > 20) {
                    $("#txtshow").text("密码长度不正确！");
                    $("#rou").removeClass('mb_red-color');
                    $("#zhong").removeClass('mb_red-color');
                    $("#strong").removeClass('mb_red-color');
                    $("#ctl00_content_pwd1").val("");
                    $("#showr").show();
                    $("#show_wrong").show();
                    return false;
                } else {
                    $("#showr").hide();
                    $("#show_wrong").hide();
                }
            });
            $("#ctl00_content_pwd2").blur(function () {
                var pwd1 = $("#ctl00_content_pwd1").val();
                var pwd2 = $("#ctl00_content_pwd2").val();
                if (pwd1 != pwd2) {
                    $("#txtwrong").text("两次密码输入不一致！");
                    $("#ctl00_content_pwd2").val("");
                    $(".againpwd").show();
                    return false;
                } else {
                    $(".againpwd").hide();
                }
            });
        });

        function check() {
            var pwd = $("#ctl00_content_pwd").val();
            var pwd1 = $("#ctl00_content_pwd1").val();
            var pwd2 = $("#ctl00_content_pwd2").val();
            if (pwd=="") {
                alert("请输入原始密码！");
                return false;
            }
            if (pwd1 == "" || pwd2 == "") {
                $("#txtwrong").text("请输入密码！");
                $(".againpwd").show();
                return false;
            }
    
            if (pwd1 != pwd2) {

                $("#txtwrong").text("两次密码输入不一致！");
                $(".againpwd").show();
                return false;
            }
        }
    </script>
<body>
    <div>
<!--头部-->
<div class="cmain">
    <div class="headtop">
        <!--头部左边-->
        <div class="top-left fl">
            <a title="Darry Ring" href="index">
                <img width="187" height="42" alt="Darry Ring官网" src="images/logo.png">
            </a><span style="font-weight: normal;">求婚钻戒领导品牌</span>
        </div>
        <!--头部左边end-->
        <!--头部右边-->
        <div class="top-right fr">
            <!--登录注册-->
            <ul class="tright-ul fl">
              
                <div id="ctl00_ucheader_pllogin2">

                    <li th:if="${session.user==null}"><a rel="nofollow" href="login">登录</a><em>|</em></li>
                    <li th:if="${session.user!=null}"><a th:text="${session.user.uphone}" rel="nofollow" href="mycenter"></a><em>|</em></li>
                    <li th:if="${session.user==null}"><a rel="nofollow" href="reg">注册</a></li>
                    <li th:if="${session.user!=null}"><a rel="nofollow" href="logout">退出登录</a></li>
                    <li th:if="${session.user!=null}" class="headed"><em class="icon shooping"></em><a target="black" rel="nofollow" href="cart">购物车</a></li>
                
					</div>
            </ul>
       </div>
        <!--头部右边end-->
    </div>
</div>
<!--头部end-->
  <!--导航--> 
   <div class="nav"> 
    <div class="cmain"> 
     <!--导航的左边--> 
     <ul class="nav-ul fl"> 
      <li><a href="index">首页</a> </li> 
      <li><a href="brand">品牌文化</a> </li> 
      <li><a style="font-family:arial" href="lists">Darry Ring 求婚钻戒</a>
       <div class="nav-div">
        <div class="navdiv_top"> 
         <div class="navdiv-right">
             <p> <a th:href="@{lists(type=all)}"> 查看所有款</a></p>
             <p> <a th:href="@{lists(type=forever)}">Forever系列</a></p>
             <p> <a th:href="@{lists(type=just)}">Just You系列</a></p>
             <p> <a th:href="@{lists(type=heart)}">My Heart系列</a></p>
             <p> <a th:href="@{lists(type=love)}">True Love系列</a></p>
             <p> <a th:href="@{lists(type=swear)}">I Swear系列系列</a></p>
         </div> 
         <div class="navdiv-left"> 
          <h3> NEW</h3> 
          <a href="detail"> <img width="138" height="97" src="images/03wj.jpg" /></a>
          <div class="more_cp"> 
           <a href="detail">&gt; 了解该系列产品</a> 
          </div> 
         </div> 
        </div> 
        <div class="navdiv_bottom"></div> 
       </div>
      </li>
      <li><a href="question">常见问题</a></li>
     </ul> 

    </div> 
   </div> 
   <!--导航end--> 



<script type="text/javascript">
    function logout() {
        if (window.confirm('确定退出吗？')) {

            $.get("/nAPI/QuitExit.ashx", function (data) {
                window.location.href = "/";
            });
        }
    }
</script>

        <div class="cort">
        
    <!--中间-->
    <div class="cort">
        <!--内容-->
        <div class="cmain mb_back">
            <div class="zbk_top spalid">
                
        <div class="zbk_top spalid">
        <span>您当前的位置：</span>
        <span id="ctl00_content_website_SiteMapPath1"><a href="#ctl00_content_website_SiteMapPath1_SkipLink"></a><span>
                <a target="_blank" href="index">Darry Ring</a>
            </span><span>
            <em>></em>
            </span><span>
                <a target="_blank" href="member_index">个人中心</a>
            </span><span>
            <em>></em>
            </span><span>
            <span>修改密码</span>
            </span><a id="ctl00_content_website_SiteMapPath1_SkipLink"></a></span>
        </div>
            </div>
            <!--中间内容-->
            <div class="member_cort">
                <!--左边树-->
                
<div class="member_cort-left fl">
    <!--我的DR-->
    <div class="member_cortleft-tittle">
        <i class="mb_home"></i><a rel="nofollow" href="member_index">个人中心</a>
    </div>
    <!--我的DR end-->
    <ul class="member_cort-ul">
        <li>
            <h3>-订单中心-</h3>
            <ul class="member_ul-dr">
                <li id="ctl00_content_ucmemberleft_order"><a rel="nofollow" href="member_order_before">我的订单</a></li>
                <li id="ctl00_content_ucmemberleft_cart"><a rel="nofollow" href="cart" target="_blank">我的购物车</a></li>
            </ul>
        </li>

        <li>
            <h3>-帐户管理-</h3>
            <ul class="member_ul-dr">
                <li id="ctl00_content_ucmemberleft_myinfo"><a rel="nofollow" href="member_info_before">个人信息</a></li>
                <li class="speacil_color"  id="ctl00_content_ucmemberleft_password"><a rel="nofollow" href="member_pwd_before">修改密码</a></li>
                <li id="ctl00_content_ucmemberleft_address"><a rel="nofollow" href="member_addr_before">收货地址</a></li>
            </ul>
        </li>
    </ul>
</div>

                <!--左边树end-->
                <!--右边的主要内容-->
                <div class="member_cort-right fr">
                    <!--找回密码-->
                    <div class="member_password">
                        <div class="member_ask-tittle">
                            <h4>
                                修改密码</h4>
                            <p>
                                为保障账户安全，建议避免使用与其他网站相同密码。</p>
                        </div>
                        <!--找回密码-->
                        <form action="updatepwd" method="post">
                            <div class="member_password-find">
                                <div class="person-cort_left-write">
                                    <span th:if="${result != null}">
                                        <font color="red" th:text="${result}"></font>
                                    </span>
                                    <span>原始密码：</span>
                                    <input type="password" class="write_text" id="ctl00_content_pwd" name="oldpwd">
                                </div>
                                <div style="float: left" class="person-cort_left-write person-cort_left-password">
                                    <span>新密码：</span>
                                    <input type="password" class="write_text" id="ctl00_content_pwd1" name="ctl00$content$pwd1">
                                    <em id="rou">弱</em> <em id="zhong">中</em> <em id="strong">强</em>

                                </div>
                                <div style="display: none;" id="showr" class="person-cort_left-write">
                                    <i id="pwdwrong" class="writer_wrong pwd"></i><em class="pwd" id="txtshow"></em>
                                </div>
                                <div style="clear: both" class="person-cort_left-write">
                                    <span>确认新密码：</span>
                                    <input type="password" class="write_text" id="ctl00_content_pwd2" name="newpwd">
                                    <i id="wrong" style="display: none" class="writer_wrong againpwd"></i><em style="display: none" class="againpwd" id="txtwrong"></em>
                                </div>
                            </div>
                            <div style="margin-left: 90px">
                                <input type="submit" style="border-style:None;" class="bt1 person-sp-button" id="btnsubmit" onClick="return check();" value="立即提交" name="ctl00$content$btnsubmit">
                            </div>
                        </form>
                        <!--找回密码end-->
                    </div>
                    <!--找回密码end-->
                </div>
                <!--右边的主要内容end-->
            </div>
            <!--中间内容end-->
        </div>
        <!--内容end-->
    </div>
    <!--中间end-->

        </div>
        

 <!--底部-->
   <div class="footer"> 
    <!--错误--> 
    <!--提示--> 
    <div class="loverit_word2" style="display: none;">
     Darry Ring严格规定男士凭身份证一生仅能定制一枚，象征男人一生真爱的最高承诺。输入身份证号码即可查询购买记录。
    </div> 
    <!--提示end--> 
    <div class="loverit_wrong2" style="display: none;">
     <p>信息填写不正确，请重新输入。</p>
    </div> 
    <!--错误end--> 
    <div style="clear:both"></div> 
    <div class="cmain"> 
     <ul class="Service_ul"> 
      <!--每一块li--> 
      <li> 
       <div class="Service_ul-img"> 
        <a href="javascript:void(0)" rel="nofollow"></a>
       </div> <a href="javascript:void(0)" rel="nofollow"><p>权威认证</p></a> </li>
      <!--每一块li--> 
      <li> 
       <div class="Service_ul-img bk_2"> 
        <a href="javascript:void(0)" rel="nofollow"></a>
       </div> <a href="javascript:void(0)" rel="nofollow"><p> 一钻双证</p></a> </li>
      <!--每一块li--> 
      <li> 
       <div class="Service_ul-img bk_3"> 
        <a href="javascript:void(0)" rel="nofollow"></a>
       </div> <a href="javascript:void(0)" rel="nofollow"> <p> 终生保养</p></a> </li>
      <!--每一块li--> 
      <li> 
       <div class="Service_ul-img bk_4"> 
        <a href="javascript:void(0)" rel="nofollow"></a>
       </div> <a href="javascript:void(0)" rel="nofollow"> <p> 以小换大</p></a> </li>
      <!--每一块li--> 
      <li> 
       <div class="Service_ul-img bk_5"> 
        <a href="javascript:void(0)" rel="nofollow"></a>
       </div> <a href="javascript:void(0)" rel="nofollow"> <p> 15天退换</p></a> </li>
      <!--每一块li--> 
      <li> 
       <div class="Service_ul-img bk_6"> 
        <a href="javascript:void(0)" rel="nofollow"></a>
       </div> <a href="javascript:void(0)" rel="nofollow"> <p> 全国免运费</p></a> </li>
      <!--每一块li--> 
      <li> 
       <div class="Service_ul-img bk_7"> 
        <a href="javascript:void(0)" rel="nofollow"></a>
       </div> <a href="javascript:void(0)" rel="nofollow"><p> 全程保险</p></a> </li>
     </ul> 

     <!--条文--> 
     <div class="auto" id="Menu_Service"> 
     </div> 
     <div class="tw-foot"> 
      <div class="auto" id="Copyright"> 
       <p> Copyright &copy; 2017 winner winner,chickdinner ！！团队 All Rights Reserved. 闽ICP备11012085号-2.ICP经营许可证闽B2-20140279 </p>
       <p> 中国互联网违法信息举报中心 | 中国公安网络110报警服务 | 本网站提供所售商品的正式发票 </p> 
      </div> 
     </div> 
    </div> 
   </div> 
   <div class="model" id="model"> 
    <div class="Prompt" id="Prompt"> 
    </div> 
    <span id="log_uid" style="display:none"></span> 
    <span id="log_uname" style="display:none"></span> 
    <span id="log_orderid" style="display:none"></span> 
    <span id="log_price" style="display:none"></span> 
   </div> 
<!--   <script src="http://wpa.b.qq.com/cgi/wpa.php" charset="utf-8" type="text/javascript"></script> -->
   <!--客服(2014年8月29日)--> 
   <div style="display:none" class="Ffloat_kf"> 
    <div class="fkf_top"> 
     <div style="cursor: pointer; display: none;" id="bridgehead"> 
     </div> 
     <div id="BizQQWPA"></div> 
     <div onClick="showModel(modelsever);" style="cursor: pointer;" class="qq_hover" id="qqTalk_head"> 
     </div> 
     <div id="BizQQWPAB" class="sh"> 
     </div> 
     <div id="bdBridge"> 
      <a href="javascript:NTKF.im_openInPageChat()"> <img width="75" height="37" src="images/zx.jpg" /></a>
     </div> 
    </div> 
    <div class="fkf_bottom"> 
     <img width="92" height="82" alt="Darry Ring 官方微信" src="images/to_erwei.jpg" /> 
     <a href="#"> <img width="92" height="26" src="images/db.jpg" /></a> 
    </div> 
   </div> 
   <!--新版右边客服start--> 
   <!--右边漂浮悬挂大的--> 
   <div class="float_big"> 
    <div class="floatbig_hide fr"></div> 
    <div class="floatbig_center"> 
     <!--客服--> 
     <div onClick="javascript:void(0)" id="Bearonline" class="floatbig_center-kf"></div> 
     <!--客服end--> 
     <!--定制咨询--> 
     <div id="dzzxonline" class="floatbig_center-zx"> 
      <a href="javascript:showModel(modelsever);"></a> 
     </div> 
     <!--定制咨询end--> 
     <img src="images/ew.jpg" /> 
    </div> 
   </div> 
   <!--右边漂浮悬挂大的end--> 
   <!--右边漂浮悬挂小的--> 
   <div class="float_small"> 
    <div class="floatbig_show fr"></div> 
    <div class="floatbig_center"> 
     <!--客服--> 
     <div onClick="javascript:void(0)" class="floatsmall_center-kf fr"></div> 
     <!--客服end--> 
     <!--定制咨询--> 
     <div class="floatsmall_center-zx fr"> 
      <a href="javascript:showModel(modelsever);"></a> 
     </div> 
     <!--定制咨询end--> 
     <!--二维码--> 
     <div class="floatsmall_erwei fr"> 
      <a href="#"></a> 
     </div> 
     <!--二维码end--> 
    </div> 
   </div> 
   <!--右边漂浮悬挂小的end--> 
   <!--返回顶部--> 
   <div class="comeback" style="display: block;"></div> 
   <!--返回顶部end--> 
   <!--新版右边客服end--> 
   <div style="position: fixed; cursor: pointer; right: 6px; top: 289px; padding-bottom: 152px; z-index: 9999; width: 19px; height: 103px; display: none;" onClick="openserver();" id="openbnt"> 
    <img width="19" height="103" src="images/server_03.jpg" />
   </div> 
   <div class="news_tc"> 
    <div class="newtc_left"> 
    </div> 
    <div class="newtc_right"> 
     <span style="cursor: pointer" class="sszs">稍后再说</span> 
     <span class="xzzx"><a onClick="showxiaon()" style="cursor: pointer" id="chatnow"> 现在咨询</a></span> 
     <div style="cursor: pointer" class="tocclose"> 
     </div> 
    </div> 
   </div> 
   <div class="mask" id="masks"> 
   </div> 
   <div style="display:none;" class="modelsever" id="modelsever"> 
    <div class="cs_top"> 
     <div class="cs_topcenter">
      <div style="width:300px; height:40px; line-height:40px; float:left; display:inline-block; ">
       顾客常见疑问
      </div> 
      <div style="width:385px; height:20px; float:left; text-align:right; padding-top:20px;"> 
       <img width="55" height="9" style="cursor: pointer;" onClick="CloseMaskser()" src="images/popup_window_btn_close.gif" /> 
      </div> 
     </div> 
    </div> 
    <div class="cs_content clear"> 
     <div id="box1" class="box1"> 
      <div onClick="contenttxt(1,1)" id="content_title_11" class="content_title">
       <span style="margin-top:8px;">Q：Darry Ring 是否有实体店？</span>
      </div> 
      <div id="content_title1_1" class="content_txt">
       <span style="margin-top:1px;">A：DR公司总部在香港，目前内地深圳市、北京市、重庆市、广州市、上海市、武汉市、南京市、长沙市设有实体店，支持到店订购，也支持全国在线官网订购。同时目前其他一线城市公司已在考察选址阶段，将陆续开设店面。</span>
      </div> 
      <div onClick="contenttxt(1,2)" id="content_title_12" class="content_title">
       <span style="margin-top:8px;">Q：实体店具体位置？</span> 
      </div> 
      <div id="content_title1_2" class="content_txt">
       <span style="margin-top:1px;">A：深圳实体店地址：深圳南山区世界之窗旁欧陆小镇4号楼Darry Ring （地铁罗宝线世界之窗I出口）深圳店联系方式：0755-86621782。<p></p> 北京实体店地址：北京东二环朝阳门桥银河SOHO中心B座负一层2-109 （朝阳门地铁G出口） 北京店联系方式：010-59576758。<p></p> 上海实体店地址：上海长宁区淮海西路570号红坊创意园区G-108栋(近虹桥路) 上海店联系方式：021-60934520。<p></p> 广州实体店地址：广州市天河区天河北路233号中信广场商场136单元 广州店联系方式：020-38836315。<p></p> 重庆实体店地址：重庆市渝中区解放碑步行街民族路188号环球金融中心（WFC）LG-B02A 重庆店联系方式：023-63710835。<p></p> 武汉实体店地址：武汉市洪山区光谷意大利风情街5号楼一层51021号 武汉店联系方式：027-87688895。<p></p> 南京实体店地址：南京市长江路288号1912街区17号楼一层 南京店联系方式：025-83613520。<p></p> 长沙实体店地址：长沙市开福区中山路589号万达百货商场2楼 长沙店联系方式：0731-83878575。<p></p> 全国400客服热线：400 01 13520。</span>
      </div> 
      <div onClick="contenttxt(1,3)" id="content_title_13" class="content_title">
       <span style="margin-top:8px;">Q：到店订购和官网订购的价格一致吗？</span>
      </div> 
      <div id="content_title1_3" class="content_txt">
       <span style="margin-top:1px;">A：DR的所有商品，到店订购和官网订购的时间周期，价格，质量及售后服务均一致。</span> 
      </div> 
      <div onClick="contenttxt(1,4)" id="content_title_14" class="content_title">
       <span style="margin-top:8px;">Q：价格是否有折扣优惠？</span>
      </div> 
      <div id="content_title1_4" class="content_txt">
       <span style="margin-top:1px;">A：DR的品牌寓意为一生唯一真爱，大多是用作见证彼此求婚或结婚这一神圣时刻，所以所有商品都是常年任何节假日没有折扣活动，就像彼此一生唯一真爱的承诺及永恒的爱情，永不打折。</span> 
      </div> 
      <div onClick="contenttxt(1,5)" id="content_title_15" class="content_title">
       <span style="margin-top:8px;">Q：为什么在官网上输入姓名身份证号后看不到款式？</span>
      </div> 
      <div id="content_title1_5" class="content_txt">
       <span style="margin-top:1px;">A：www.darryring.com 官网首页点击—求婚钻戒，进入页面后不需要填写任何信息，移动鼠标到最下方，就可以看到Darry Ring女戒的所有款式。</span> 
      </div> 
      <div onClick="contenttxt(1,6)" id="content_title_16" class="content_title">
       <span style="margin-top:8px;">Q：到实体店是否可以立刻拿到戒指？</span>
      </div> 
      <div id="content_title1_6" class="content_txt">
       <span style="margin-top:1px;">A：您好，DR的所有商品都是需要根据您选择的款式、手寸大小及刻字信息来定制。实体店仅提供款式体验及预订，与官网购买的定制时间是一致的，可于15-20个工作日内送到或自取。</span> 
      </div> 
     </div> 
     <div id="box2" class="box2"> 
      <div onClick="contenttxt(2,1)" id="content_title_21" class="content_title"></div> 
      <div id="content_title2_1" class="content_txt"></div> 
      <div onClick="contenttxt(2,2)" id="content_title_22" class="content_title"></div> 
      <div id="content_title2_2" class="content_txt"> 
      </div> 
      <div onClick="contenttxt(2,3)" id="content_title_23" class="content_title"></div> 
      <div id="content_title2_3" class="content_txt"> 
      </div> 
      <div onClick="contenttxt(2,4)" id="content_title_24" class="content_title"></div>
      <div id="content_title2_4" class="content_txt"> 
      </div> 
     </div> 
     <div id="box3" class="box3"> 
      <div onClick="contenttxt(3,1)" id="content_title_31" class="content_title"></div> 
      <div id="content_title3_1" class="content_txt"> 
      </div> 
      <div onClick="contenttxt(3,2)" id="content_title_32" class="content_title"></div> 
      <div id="content_title3_2" class="content_txt"></div> 
      <div onClick="contenttxt(3,3)" id="content_title_33" class="content_title"></div> 
      <div id="content_title3_3" class="content_txt"></div> 
      <div onClick="contenttxt(3,4)" id="content_title_34" class="content_title"></div> 
      <div id="content_title3_4" class="content_txt"></div> 
     </div> 
     <div id="box4" class="box4"> 
      <div onClick="contenttxt(4,1)" id="content_title_41" class="content_title"></div> 
      <div id="content_title4_1" class="content_txt"></div> 
      <div onClick="contenttxt(4,2)" id="content_title_42" class="content_title"></div> 
      <div id="content_title4_2" class="content_txt"></div> 
      <div onClick="contenttxt(4,3)" id="content_title_43" class="content_title"></div> 
      <div id="content_title4_3" class="content_txt"></div> 
      <div onClick="contenttxt(4,4)" id="content_title_44" class="content_title"></div> 
      <div id="content_title4_4" class="content_txt"></div> 
     </div> 
     <div id="box5" class="box5"> 
      <div onClick="contenttxt(5,1)" id="content_title_51" class="content_title"></div> 
      <div id="content_title5_1" class="content_txt"></div> 
      <div onClick="contenttxt(5,2)" id="content_title_52" class="content_title"></div> 
      <div id="content_title5_2" class="content_txt"> 
      </div> 
      <div onClick="contenttxt(5,3)" id="content_title_53" class="content_title"></div> 
      <div id="content_title5_3" class="content_txt"> 
      </div> 
      <div onClick="contenttxt(5,4)" id="content_title_54" class="content_title"></div> 
      <div id="content_title5_4" class="content_txt"> 
      </div> 
      <div onClick="contenttxt(5,5)" id="content_title_55" class="content_title"></div> 
      <div id="content_title5_5" class="content_txt"> 
      </div> 
      <div onClick="contenttxt(5,6)" id="content_title_56" class="content_title"></div> 
      <div id="content_title5_6" class="content_txt"> 
      </div> 
     </div> 
     <div id="box6" class="box6"> 
      <div onClick="contenttxt(6,1)" id="content_title_61" class="content_title"></div> 
      <div id="content_title6_1" class="content_txt"></div> 
      <div onClick="contenttxt(6,2)" id="content_title_62" class="content_title"></div> 
      <div id="content_title6_2" class="content_txt"> 
      </div> 
      <div onClick="contenttxt(6,3)" id="content_title_63" class="content_title"></div> 
      <div id="content_title6_3" class="content_txt"> 
      </div> 
      <div onClick="contenttxt(6,4)" id="content_title_64" class="content_title"></div> 
      <div id="content_title6_4" class="content_txt"> 
      </div> 
      <div onClick="contenttxt(6,5)" id="content_title_65" class="content_title"></div> 
      <div id="content_title6_5" class="content_txt"> 
      </div> 
      <div onClick="contenttxt(6,6)" id="content_title_66" class="content_title"></div> 
      <div id="content_title6_6" class="content_txt"> 
      </div> 
     </div> 
     <div id="box7" class="box7"> 
      <div onClick="contenttxt(7,1)" id="content_title_71" class="content_title"></div> 
      <div id="content_title7_1" class="content_txt"> 
      </div> 
      <div onClick="contenttxt(7,2)" id="content_title_72" class="content_title"></div> 
      <div id="content_title7_2" class="content_txt"> 
      </div> 
      <div onClick="contenttxt(7,3)" id="content_title_73" class="content_title"></div> 
      <div id="content_title7_3" class="content_txt"> 
      </div> 
     </div> 
    </div>
   </div>
<script type="text/javascript">
    function showbox(id) {
        getQeestion(id);
        for (var i = 1; i <= 8; i++) {
            if (i == id) {
                showdiv(id);
            }
            else {
                hidediv(i);
            }
        } 
    }
    function contenttxt(id, sid) {
        for (var i = 1; i <= 7; i++) {
            if (i == id) {
                showtxt(id, sid);
            }
            else {
                hidetxt(i, sid);
            }
        }


    }
    function showtxt(id, sid) {
        var objtitle = $("#content_title" + id + "_" + sid);

        if (objtitle.css("display") == "none") {
            objtitle.show("fast");
        }
        else {

            hidetxt(id, sid);
        }
        //$("#"+id).show("fast");
    }
    function hidetxt(id, sid) {
        var objtitle = $("#content_title" + id + "_" + sid);
        objtitle.hide("fast");
    }
    function hidediv(id) {
        $("#box" + id).hide("fast");

        $("#li" + id).css({ "font-size": "14px", "color": "#7d7d7d" });
    }

    function showdiv(id) {
        if ($("#box" + id).css("display") == "none") {
            $("#box" + id).show("fast");
            $("#li" + id).css({ "font-size": "18px", "color": "#000000" });
        }

    }

</script>
<script type="text/javascript">
    function showMask() {
        $("#masks").css("height", $(document).height());
        $("#masks").css("width", $(document).width());
        $("#masks").fadeIn();
    }
    function showModel(divName) {
        showMask();
       /* var top = ($(window).height() - $(divName).height()) / 5;
        var left = ($(window).width() - $(divName).width()) / 2;
        var scrollTop = $(document).scrollTop();
        var scrollLeft = $(document).scrollLeft();*/
        $(divName).fadeIn();
    }
    function CloseMaskser() {

        $("#modelsever").fadeOut("slow");
        $("#masks").fadeOut("slow");
        $("#mask").fadeOut("slow");
    }

</script>
</body>
</html>